<!--
 * @Description: 
 * @Author: zhuying
 * @Date: 2024-11-01 10:51:25
 * @LastEditors: rendc
 * @LastEditTime: 2024-11-04 17:17:30
-->
 <!-- 告诉浏览器 Html的版本是H5 -->
 <!DOCTYPE html>
 <!-- 语言是English -->
 <html lang="en">
 <!-- 文档的头部 在网页视口区看不到 -->
 <head>
    <!-- 信息标签 字符编码格式 -->
    <meta charset="GBK">
    <!-- 可使用宽度为视口宽度 初始缩放比例为1 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    < !-- 文档的标题，在选项卡最上面显示 -->
    <title>att</title>
    <!-- 设置选项卡的图标 -->
     
     <link rel="icon" href="./img/image.ico" type="image/x-icon">

     <style>
      /* 给标签为table的元素设置样式 */
      table,
      table th,
      table td,
      table{
        /* 设置边框  */
        border: 1px solid black;
        /* 表格内边框合并 */
        border-collapse: collapse;
      }
      table{
        /* 设置表格文字的位置 居中 */
        text-align: center;
      }
     </style>
 </head>
 
 <!-- 文档的主体 在 网页的视口区显示 -->
 <!-- <br>换行 -->
 <body><!-- 开始标签 -->
    <div>hello,world</div>
    <div>hello,world</div>
    nihao <br/>I'm amy
    
    <!-- 显示图片 -->
    <img src="./img/image.png" width="88" height="88" alt="图片丢失。。。"/>
    
    <!-- 不能换行 -->
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>

    <!-- 跳转到百度网站 -->
    <a href="https://baidu.com">百度一下你就知道</a>
    <a href="https://baidu.com">百度一下你就知道</a>
    <a href="https://baidu.com">百度一下你就知道</a>

    <p>段落</p>
    <p>段落</p>
    <p>段落</p>
    <h3>注册</h3>
    <form action="">
        <div>
            用户名：
            <input class="formInt" name="username">
        </div>
    </form>

    <form action="">
        <div>
            密码 ：
            <input type="password" name="password">
        </div>
    </form>

    <input type="button" value="注册">
    
</div>
<div>
  性别：
  <label for="genderNan">
    男<input id="genderNan" type="radio" name="gender" value="男">
  </label>
  女<input type="radio" name="gender" value="女">
</div>
<div>
  爱好：
  ?<input type="checkbox" name="like" value="?">
  ??<input type="checkbox" name="like" value="??">
  ?<input type="checkbox" name="like" value="?">
</div>
<div>
  城市：
  <select name="city">
    <option value="">请选择</option>
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="广州">广州</option>
  </select>
</div>
<div>
  生日：
  <input type="date" name="birth">
</div>
<div>
  个人介绍：
  <textarea name="info" cols="30" rows="5"></textarea>
</div>
<div>
  <!-- 如需要其他功能 要绑定事件 -->
  <input type="button" value="普通按钮">
  <input type="submit" value="提交按钮">
  <input type="reset" value="重置按钮">
</div>
</form>

<!-- 表格 -->
 <table>
<caption>表名</caption>
<!-- 表头 -->
<thead>

</thead>
  <!-- 行 -->
  <tr>
  <!-- 列 -->
   <th>标题一</th>
   <th>标题二</th>
   <th>标题三</th>
</tr><tr>
  <!-- 列 -->
   <td>22</td>
   <td>23</td>
   <td>24</td>
</tr><tr>
  <!-- 列 -->
   <td>32</td>
   <td>33</td>
   <td>34</td>
</tr>

</table>


<iframe src="https://i.tianqi.com/?c=code&a=getcode&id=55&icon=1" frameborder="0"></iframe>
</body>
<!-- html的结束标签 -->

</html>